<!DOCTYPE html>

<html>
	
<head>
    
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Title -->
<title>Bookish Fellow</title>

<!-- Stylesheets -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/flexslider.css">
<link href="css/jquery.selectBoxIt.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
    
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<link href="css/ie.css" rel="stylesheet">
<![endif]-->

</head>

<body>
	<!-- container -->
	<div class="container"> 
    	<!-- header -->
    	<header id="header">
        	<div class="row">
            	<div class="col-lg-4 col-md-4 col-sm-4">
                	<img id="logo" src="img/logo.png" alt="xxx">
                </div>
                
                <div class="col-lg-8 col-md-8 col-sm-8">
                	<ul id="upper-nav">
                    	<li class="light-blue"><a href="#">Registration</a></li>
                        <li class="red"><a href="#" class="red">Log In</a></li>
                    </ul>
                    <ul id="main-nav">
                    	<li><a href="#">Home</a></li>
                        <li><a href="#">Ebooks</a></li>
                    	<li><a href="#">Price packages</a></li>
                        <li><a href="#">Faq</a></li>
                    </ul>
                </div>
            </div>
        </header>
       	<!-- /header --> 
        
        <!-- main-container -->
       <div class="main-container">
       		<!-- prva sekcija -->
       		<section class="section">
            	<div class="row">
                	<div class="col-lg-12 col-md-12 col-sm-12">
                    	<img class="behind" src="img/ipad.png" alt="xxx">
                    </div>
                </div>
            </section>
            <!-- \prva sekcija -->
            
       		<!-- druga sekcija -->
       		<section class="section blue">
                <!-- flexslider -->
                <div class="flexslider heading-slider">
					<ul class="slides">
						<li>
							<h2>Good cover design increases your chances to <span class="red">sell</span> your eBook. </h2>
						</li>
						<li>
							<h2>Good cover design increases your chances to <span class="red">sell</span> your eBook. </h2>
						</li>
						<li>
							<h2>Good cover design increases your chances to <span class="red">sell</span> your eBook. </h2>
						</li>
					</ul>
                </div>
                <!-- /flexslider -->
                <p>A good cover design increases your chances to sell your eBook. 
You need to stand out from the competition and this is especially true 
when it comes to the big eBook stores where the number of titles offered is pretty high. 
One of the things that you can do in order to differentiate from others is to get a striking book cover 
which will catch the reader’s attention and bring you more sales. 
If you haven’t had prepared your cover, we can help you with this and create a beautiful eBook cover 
which will look great on the stores’ virtual shelves. This is what we offer you.</p>
            </section>
            <!-- \druga sekcija -->

       		<!-- treca sekcija -->
       		<section class="section">
            	<h2>The <span class="red">most affordable</span> option</h2>
                <div class="row">
                  <div class="col-lg-4 col-md-4 col-sm-4 col-lg-push-2 col-md-push-2 col-sm-push-2">
                      <!-- tabela levo -->
                      <div class="pricing-table gray">
                          <h3 class="pricing-title">STANDARD</h3>
                          <div class="price-container">
                              <span class="price">$99</span>
							  <span class="period">per year</span>
                          </div>
                          <ul class="pricing-list">
                              <li>1 image or graphic element</li>
                              <li>Choose between 5 different types of fonts</li>
                              <li>1 cover proof</li>
                              <li>To be delivered in 3 days</li>
                          </ul>
                          <a href="#" class="button purchase">purchase now</a>
                      </div>
                      <!-- /tabela levo -->
                  </div>
                  <div class="col-lg-4 col-md-4 col-sm-4 col-lg-push-2 col-md-push-2 col-sm-push-2">
                      <!-- tabela desno -->
                      <div class="pricing-table blue">
                          <h3 class="pricing-title">PREMIUM</h3>
                          <div class="price-container">
                              <span class="price">$149</span>
							  <span class="period">per year</span>
                          </div>
                          <ul class="pricing-list">
                              <li>Multiple images or graphic elements</li>
                              <li>Choose between 20 different types of fonts</li>
                              <li>2 cover proofs</li>
                              <li>To be delivered in 2 days</li>
                          </ul>
                          <a href="#" class="button purchase">purchase now</a>
                      </div>
                      <!-- /tabela desno -->
                      </div>
                </div>
            </section>
            <!-- \treca sekcija -->
       		<!-- cetvrta sekcija -->
       		<section class="section blue">
                <!-- flexslider -->
                <div class="flexslider heading-slider">
					<ul class="slides">
						<li>
							<h2>We are planning to launch our <span class="red">Booksihfellow</span> app soon.</h2>
						</li>
						<li>
							<h2>We are planning to launch our <span class="red">Booksihfellow</span> app soon.</h2>
						</li>
						<li>
							<h2>We are planning to launch our <span class="red">Booksihfellow</span> app soon.</h2>
						</li>
					</ul>
                </div>
                <!-- /flexslider -->
            	<p>We are planning to launch our Booksihfellow app soon. 
If you prefer to sell your eBook without DRM, this would be a perfect option 
for you since main distributors prefer to use this type of copyright protection. 
Without it your readers will be able to share your eBookand it won’t be locked 
to only one reading device.</p>
            </section>
            <!-- \cetvrta sekcija -->

            <!-- cetvrta sekcija -->
              <section class="section">
				<a class="button big" href="#">SIGN UP AND GET PUBLISHED NOW</a>
            </section>
            <!-- \cetvrta sekcija -->
       </div>
       <!-- \main-container -->
       
       <!-- footer -->
       <footer id="footer">
       	 <a href="#" id="back-to-top"></a>
       	  <div class="row">
       		<div class="col-lg-6 col-md-6 col-sm-6">
            <h4>Bookishfellow</h4>
            <ul class="menu">
            	<li><a href="#">eBooks</a></li>
                <li><a href="#">Add New Title</a></li>
                <li><a href="#">Price Packages</a></li>
                <li><a href="#">Distribution</a></li>
                <li><a href="#">Publishing Agreement</a></li>
                <li><a href="#">FAQ</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
            </ul>
            </div>
            
       		<div class="col-lg-6 col-md-6 col-sm-6">
            <h4>Services</h4>
            <ul class="footer-menu">
            	<li><a href="#">eBook Cover Design</a></li>
                <li><a href="#">Author Website</a></li>
                <li><a href="#">Digital Marketing</a></li>
            </ul>
            </div>
            <div class="col-lg-12 col-md-12 col-sm-12">
            	<p id="copyright">Copyright © 2014, Darko Mitrovic, All rights reserved</p>
            </div>
         </div>
       </footer>
       <!-- \footer -->
    </div>
	<!-- /container -->
<!-- JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/jquery.selectBoxIt.min.js"></script>
<script src="js/script.js"></script>
</body>

</html>